<template>
  <div :id="id" class="chart-base"></div>
</template>

<script>
import mixin from "./mixin";
export default {
  name: "ChartPie",
  mixins: [mixin],
  data: () => {
    return {
      id: null,
      chart: null,
      dom: null,
      option: {
        tooltip: {
          trigger: "item"
        },
        grid: {
          left: "3%", //默认10%
          right: "4%", //默认10%
          top: "3%",
          bottom: "8%", //默认60
          containLabel: true
          //grid区域是否包含坐标轴的刻度标签
        }
      }
    };
  }
};
</script>

<style scoped>
.chart-base {
  width: 100%;
  height: 100%;
}
</style>
